<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        .idv{
            height: 50px;
            background-color: #0a0a0a;

        }
        .dkk {
            font-size: 12px;
            float: left;
            color: #dcdada;
            text-align: center;
            height: 50px;
            width: 8%;
            line-height: 50px;
            background: #0a0a0a;

        }
        .q1 {
            font-size: 12px;
            float:right ;
            color: #dcdada;
            text-align: center;
            height: 40px;
            width: 6%;
            line-height: 50px;
            background: #0a0a0a;
        }
        .q11{
            float:right;
            width:6%;
            height: 30px;
            line-height: 60px;
        }

        a{
            color: white;
            text-decoration: none;
        }
    a1{
        color: white;
        text-decoration: none;
    }
        .dkk :hover {
          color: #7cd97c;
        }
        .q1 :hover{
            color: #7cd97c;
        }
    </style>
</head>
<body>
<div class="idv">

    <div class="dkk">
        <img src="1555375994280734.png">
    </div>

    <div class="dkk">
        <a href="#">全部课程</a>
    </div>
    <div class="dkk">
        <a href="#">职业路线</a>
    </div>
    <div class="dkk">
        <a href="#">商城</a>
    </div>
    <div class="dkk">
        <a href="#">题库</a>
    </div>
    <div class="dkk">
        <a href="#">书籍</a>
    </div>
    <div class="dkk">
        <a href="#">阿里云</a>
    </div>
    <div class="dkk">
        <a href="#">校区</a>
    </div>

    <div class="q1">
        <a1 href="#">
            登录&nbsp;|&nbsp;注册
        </a1>
    </div>
    <div class="q1 ">
        <a href="#">
        APP下载
        </a>
    </div>
    <div class="q11">
        <a href="#">
            <img src="header_vip.png">
        </a>
    </div>
	 
</div>

<div>
		欢迎来我们这里学习
	</div>
</body>
</html>